<template>
  {{ selected }} <br>
  {{ checked }} <br>
  <xRadio v-model="selected" :store="store" :sign="{ id: 'id', label: 'label', value: 'name' }"></xRadio>
  <xSelect v-model="selected" :store="store" value-key="id" :sign="{id: 'id', label: 'label', value: 'name'}"></xSelect>
  <xChecked v-model="checked" :store="storeC" :sign="{ id: 'id', label: 'label', value: 'name' }"></xChecked>
  <xSelect v-model="checked" :store="storeC" value-key="id" :sign="{id: 'id', label: 'label', value: 'name'}" multiple></xSelect>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { SelectStore } from './store/index'
import { SelectStoreC } from './store/index2'
import xSelect from '@/components/xSelect/xSelect.vue'
import xChecked from '@/components/xCkecked/xChecked.vue'
import xRadio from '@/components/xRadio/xRadio.vue'

const store = new SelectStore()
const storeC = new SelectStoreC()

const selected = ref({
  label: '中间',
  value: 'middle'
})

const checked = ref([])
</script>